.hero--year {
    height: 420px;
    background-image: url(https://y.gtimg.cn/mediastyle/music_svip/img/gallery/year_hero.jpg?max_age=2592000);
    background-position: center;
    background-repeat: no-repeat;
}

.hero_wrap {
    padding-top: 210px;
    text-align: center;
    color: #fff;
}

.title_con {
    position: relative;
    font-size: 48px;
    font-weight: 400;
    margin: 0 35px;
}

.title_con::before {
    position: absolute;
    top: 37px;
    left: 280px;
    content: '';
    display: block;
    width: 75px;
    height: 1px;
    background-color: #bdbdbd;
}

.title_con::after {
    position: absolute;
    top: 37px;
    left: 770px;
    content: '';
    display: block;
    width: 75px;
    height: 1px;
    background-color: #bdbdbd;
}

.hero_con__text {
    font-size: 18px;
    margin-bottom: 18px;
}

.mod_btn {
    position: relative;
    z-index: 1;
    border-radius: 99px;
    padding: 7px 25px;
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    transition: all .3s;
}

.btn_bor {
    border-width: 1px;
    border-style: solid;
}

.btn--white {
    color: #fff;
    border-color: #fff;
}

.btn--white:hover {
    color: #31c27c;
    background-color: #fff;
}

.mod_year_idp {
    padding-top: 110px;
}

.title_con1 {
    position: relative;
    text-align: center;
    font-size: 48px;
    font-weight: 400;
    margin: 0 35px;
    vertical-align: middle;
    color: #151515;
    margin-bottom: 80px;
}

.title_con1::before {
    position: absolute;
    top: 37px;
    left: 280px;
    content: '';
    display: block;
    width: 75px;
    height: 1px;
    background-color: #bdbdbd;
}

.title_con1::after {
    position: absolute;
    top: 37px;
    left: 770px;
    content: '';
    display: block;
    width: 75px;
    height: 1px;
    background-color: #bdbdbd;
}

.year_idp__list {
    overflow: hidden;
}

.year_idp__item {
    position: relative;
    float: left;
    width: 33.33%;
    text-align: center;
    padding-bottom: 25px;
    margin-bottom: 50px;
}

.mod_year_idp .pri_icon {
    display: block;
    width: 180px;
    height: 180px;
    background-image: url(https://y.gtimg.cn/mediastyle/music_svip/sprite/icon_y.png?max_age=2592000);
}


.icon_pri_rocket {
    background-position: -364px 0;
}

.icon_pri_year {
    background-position: -182px -182px;
}

.icon_pri_speedup {
    background-position: 0 -182px;
}

.icon_pri_gift {
    background-position: 0 0;
}

.icon_pri_bgmusic {
    background-position: -182px 0;
}

.year_idp__item_link {
    display: block;
    width: 180px;
    margin: 0 auto 10px;
    cursor: default;
}

.year_idp__item p {
    position: absolute;
    bottom: 0;
    left: 120px;
    font-size: 16px;
}

/* 年费支付方式 */
.mod_pay_intro {
    padding-top: 65px;
    padding-bottom: 150px;
    background-color: #f4f4f4;
}

.pay_intro__list {
    height: 160px;
    margin-right: -50px;
}

.pay_intro__item {
    float: left;
    width: 200px;
    margin-right: 50px;
}

.pay_intro__item .icon_round {
    position: relative;
    display: block;
    width: 80px;
    height: 80px;
    margin-bottom: 16px;
    cursor: pointer;
    background-image: url(https://y.gtimg.cn/mediastyle/music_svip/sprite/icon_y.png?max_age=2592000);
}

.icon_r_open {
    background-position: -246px -364px;
}

.icon_r_pay {
    background-position: -82px -364px;
}

.icon_r_stages {
    background-position: -164px -364px;
}

.icon_r_year {
    background-position: 0 -364px;
}

.icon_r_grow {
    background-position: -328px -364px;
}

.pay_intro__tit {
    font-size: 18px;
    font-weight: 400;
    color: #434343;
    margin-bottom: 10px;
}

.pay_intro__text,
.pay_intro__tit {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}